@charset "uft-8";

/* the reset css */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a { color: #333; }


/* other project delete this style */
html { position: relative; }

/* define active page public css */
body {
	min-width: 320px;
	max-width: 414px;
	margin: 0 auto;
	font-size: 16px;
	font-family: STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;
	line-height: 1.5;
	text-align: center;
	color: #333;
	background-color: #fff;
}

/* set placeholder of input  */
input[placeholder]  {}

/* iconfont */
@font-face {
	font-family: "iconfont";
	src: url('./iconfont/iconfont.eot'); /* IE9*/
	src: url('./iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
	url('./iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('./iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/* clear both */
.clearfix { *zoom:1; }


.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

/* reset define style of input for ios safari */
input[type="button"], input[type='submit'] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* toast css start */
.toast-tip {
	padding: 12px 10px;
	background:rgba(0, 0, 0, 0.69);
	color: #fff;
	font-size: 12px;
	z-index: 9999;
	border-radius: 2px;
	letter-spacing: 1px;
	box-shadow: 0 0 2px #2E2E2E;
	text-shadow: 0 0 1px #1F1E1E;
	text-align: center;
	max-width:80%;
	display:none;
	position: fixed;
}
.toast-tip-top{top:10%}
.toast-tip-bottom{bottom:10%}
/* toast css end */

.btn{
	border:0;
	outline:none;
}
.btn.btn-disabled, .btn.btn-disabled[disabled]{
background: #C4BFBF;
border-color: #C4BFBF;
color: #9E9E9E;
}
.btn:active{
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* fuck style */
.mask-item{
	display:none;
}